<!DOCTYPE html>
<html lang="zh-cn">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>javascript 阶段</title>
    <style>
        button {
            padding: 10px 30px;
        }
    </style>
</head>
<body>

    <button class="btn">点击按钮</button>


    <script>
        // 事件源
        var btn = document.querySelector(".btn");
        // 事件绑定
        btn.onclick = function(){
            console.log("2020");
        }
        btn.onclick = function(){
            console.log("2021");
        }
        btn.onclick = function(){
            console.log("2022");
        }

        // 解绑事件
        // btn.onclick = null;

        // 总结：
            // 事件绑定如果重复出现，那么执行最后一次绑定的事件

    </script>
</body>
</html>